<!DOCTYPE html>
<html lang="en">
<head>
  <title>LightInject</title>
  
  <!-- Bootstrap CSS-->
  <script src="assets/jquery/jquery-1.9.1.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/highlight.js/highlight.pack.js"></script>
  <script src="assets/marked/marked.js"></script>
  <script src="assets/toc/jquery.toc.js"></script>
  <script src="assets/script/markdown.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">  
  <link href="assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">  
  <link href="assets/css/common.css" rel="stylesheet">  
  <link href="assets/highlight.js/styles/magula.css" rel="stylesheet">
  <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-42074567-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  <script type="text/javascript">

$(document).ready(function() {
    $("#gettingstarted").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/gettingstarted.md");
        renderMarkdown();                              
    });

     $("#annotation").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/annotation.md");
        renderMarkdown();        
    });

     $("#servicelocator").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/servicelocation.md");
        renderMarkdown();        
    });

     $("#designpatterns").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/designpatterns.md");
        renderMarkdown();        
    });

     $("#unittesting").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/unittesting.md");
        renderMarkdown();        
    });

     $("#interception").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/interception.md");
        renderMarkdown();        
    });

     $("#web").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/web.md");
        renderMarkdown();        
    });

     $("#mvc").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/mvc.md");
        renderMarkdown();        
    });

     $("#whatsnew").click(function() {
        var markdownElement = $("markdown");
        markdownElement.attr("src","doc/whatsnew.md");
        renderMarkdown();        
    });
    renderMarkdown();     
});

  </script>
</head>

<body>
 <!-- NAVBAR
 ================================================== -->
 <div class="navbar-wrapper">
  <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
  <div class="container">

    <div class="navbar navbar-inverse">
      <div class="navbar-inner">
        <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="brand" href="#">LightInject</a>
        <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
        <div class="nav-collapse collapse">
          <ul class="nav">
            <li><a id="gettingstarted" href="#">Getting started</a></li>                        
            <li><a id="designpatterns" href="#">Design patterns</a></li>                        
            <li><a id="annotation" href="#">Annotation</a></li> 
            <li><a id="servicelocator" href="#">Service Locator</a></li> 
            <li><a id="unittesting" href="#">Unit Testing</a></li> 
            <li><a id="interception" href="#">Interception</a></li> 
            <li><a id="web" href="#">Web</a></li> 
            <li><a id="mvc" href="#">Mvc</a></li> 
            <li><a id="whatsnew" href="#">What's New</a></li> 
            <li><a id="source" href="https://github.com/seesharper/LightInject">Source</a></li> 
          </ul>
        </div><!--/.nav-collapse -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->

  </div> <!-- /.container -->
</div><!-- /.navbar-wrapper -->

<!-- Carousel
 ================================================== -->
 <div id="myCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
      <img src="images/abstract2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption">
          <h1>LightInject</h1>              
          <p class="lead">An ultra lightweight single file Inversion of Control container for the .Net framework</p>          
        </div>
      </div>
    </div>
    <div class="item">
      <img src="images/abstract2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption">
          <h1>Annotation</h1>
          <p class="lead">Use attributes to control injected dependencies.</p>          
        </div>
      </div>
    </div>    
    <div class="item">
      <img src="images/abstract2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption">
          <h1>WinRT</h1>
          <p class="lead">LightInject has full support for the new Windows Runtime making it a perfect choice for Windows Store Apps.</p>          
        </div>
      </div>
    </div>    
    <div class="item">
      <img src="images/abstract2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption">
          <h1>Hidden by default</h1>
          <p class="lead">LightInject is especially designed not to bleed into other parts of the application.</p>          
        </div>
      </div>
    </div>    
    <div class="item">
      <img src="images/abstract2.jpg" alt="">
      <div class="container">
        <div class="carousel-caption">
          <h1>Interception</h1>
          <p class="lead">Implement cross cutting concerns using the AOP capabilities of LightInject.</p>          
        </div>
      </div>
    </div>    
  </div>
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div><!-- /.carousel -->


<div class="container">
  <div class ="row">
    <div class="span3">
      <div id="toc" data-spy="affix" data-offset-top="300"></div>
    </div>    
    <div class="span9">
      <markdown src="doc/gettingstarted.md" />     
    </div>    
  </div>
</div>
</body>
</html>